/* 
    Document   : styl
    Created on : 13.04.2013, 0:03:51
    Author     : Yasya
    Description:
        Purpose of the stylesheet follows.
*/

body{
    margin: 0 auto;
    width: 960px;
    background: #808080;


}
header{
    height: 100px;
    border: 1px solid #000000;
    margin: 0 auto;
    width: 960px;
    background: #F5F5F5;

}

#top_name{
    position: relative;
    top: 2%;
    left: 2%;
    padding: 10px;
    text-decoration: underline;
}


#user-panel{
    position: relative;
    bottom: 45px;
    left: 820px;
    width: 150px;

}

#menu{
    position: relative;
    margin: 0 auto;
    width: 100%;
    bottom:  51%;
    height:20%;
    border: 1px solid #000000;
    background: #FFFAF0;
}

#line {
    float:left;
    font-size: 12pt;
    color:#FFFFFF; 
    width:10%;
    text-align: center;
    border-right: 1px solid  #FFFFFF;
    background: #6699FF;
}
#line a:link{
    color: #FFFFFF; }
#line a:visited	{
    color: #FFFFFF;
}
#line a:active	{background: #0066CC;
                color: #000000; }
#line a:hover	{
    background: #0066CC;
    color:#000000; }



#role{
    position: relative;
    float:right;
    bottom: 10%;

}
#main{
    position: relative;
    margin-top: 22px;
    background: #F5F5F5;
    height: 600px;
    width: 100%;
    border: 1px solid #000000;
}


 a:link{
    color: #0000FF; }
 a:visited	{
     color: #0000ff; }
#find{
    position: relative;
    left: 2%;
    top: 15px;
    width: 35%;
    text-align: left;
}
#find  p {
    margin-top: 2%; 
    margin-bottom: 0%; /* Отступ снизу */    
}


#export{
    position: relative;
    left: 65%;
    bottom: 25px;
    width: 16%;

}
#export button{
    width:100px; 
    background: #32CD32;
}
#sorted{
    position: relative;
    left: 2%;
    bottom: 30px;
    width: 40%;
    text-align: left;
}
select{
    width: 140px;

}
#tabl{
    position: relative;
    left: 2%;
    bottom: 30px;
}
#tabl_cat{
    position: relative;
    top: 4%;
    width: 22%;
    height: 94px;
    margin: 2px;
 

}
#tabl_cat table{
   border: 2px solid #000000;
}
#tabl table{
    border: 2px solid #000000;
}

#line_button
{ position: relative;
  float:left;
  bottom: 20px;
  font-size: 14pt;
  margin-left:14px;
  color:#CCCCCC; 
}
#function{
    width:115px; 
    text-align: center;
    background: #6699FF;
}
#navigation{
    background: #6699FF;
    width:25px;
    text-align: center;
}
#go{
    width:60px;
}
#head_table_first{
    width:150px;
    height:20px;
    background:#99CCFF; 
    text-align: center;
    border: 1px solid  #000000;
}
#head_table_second{
    width:80px;
    height:20px;
    background:#99CCFF; 
    text-align: center;
    border: 1px solid  #000000;
}
#head_table_third{
    width:430px;
    height:20px;
    background:#99CCFF; 
    text-align: center;
    border: 1px solid #000000;
}
#colomn_first{
    border: 1px solid #000000;  
    width:150px;
    height:15px;
}
#colomn_second{
    border: 1px solid #000000;  
    width:80px;
    height:15px;
}
#colomn_third{
    border: 1px solid #000000;
    width:430px;
    height:15px;
}
#change_category{
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    position: relative;
    left: 2%;
    bottom: 32px;
    width: 74%;
    height: 158px;
}
#new_categ{
    position: relative;
    left: 25%;
    bottom: 65%;
    width: 50%;

}
#button_category{
    position: relative;
    left: 63%;
    bottom: 97%;
    width: 15%;
}
#button_category button{
    text-align: center;
    background: #6699FF;
    width:65px;
}
#cursor{
    position: relative;
    left: 95%;
    bottom: 115%;
    width: 15%;
}
#check{
   border: 1px solid #000000;  
    width:5px;
    height:15px;  
}

